$font-default: 'Open Sans', Roboto, 'PingFang SC', 'Microsoft YaHei';
$font-monospace: SFMono-Regular, Hack, Menlo, Monaco, Consolas, monospace;

$font-size: 1rem;
$font-color: #383838;
$font-color-dark: #333;

$color-secondary: #666;
$color-red: #c8152d;
$color-red-light: #f3e8ea;
$color-red-dark: #f6d0d5;
$color-grey: #999;
$color-grey-bg: #f6f6f6;
$color-grey-light: #e0e0e0;
$color-orange: #ff8125;
$color-orange-light: #ff975c;
$color-green: #79c61d;
$color-white: #fff;
$color-blue: #0c7cb7;
$color-blue-light: #e7f6ff;

$border-color: #ccc;
$border-radius: 3px;

$link-color: #2D7AE4;
$link-active-color: darken($link-color, 10%);

$header-height: 3.3333rem;
$footer-height: 3.5714rem;
